Skip to content

feat(frontend): W13 — Google AI Studio 라이트 테마 전역 채택 (TRUSCA)#397

Merged
haksungjang merged 2 commits into
mainfrom
feat/ais-theme-adopt
Jun 12, 2026
Merged

feat(frontend): W13 — Google AI Studio 라이트 테마 전역 채택 (TRUSCA)#397
haksungjang merged 2 commits into
mainfrom
feat/ais-theme-adopt

Conversation

@haksungjang

Copy link
Copy Markdown
Contributor

What

PR #394 프로토타입을 사용자 검토 후 기본 테마로 승격한다 (전면 채택 + 필 버튼 포함, risk-low 색 분리 — 사용자 확정).

  • 토큰 승격 (index.css :root): 흰 캔버스, Google 블루 primary #0b57d0, tonal secondary #d3e3fd, 보더 #dadce0, muted #f8f9fa, radius 8px(파생 6/8/10/14), shadow-sm은 zero-alpha no-op(평면 카드), md/lg는 Google elevation-1/-2. 모션·레이아웃 밀도·타이포 토큰 불변.
  • risk-low 분리: #2563eb(blue-600) → #0f766e(teal-700) — Low 배지가 새 블루 primary와 같은 계열로 읽히던 충돌 해소. 흰 배경 5.47:1, 자기 틴트 위 4.76:1(모두 AA, 기존보다 개선). Badge low 텍스트는 hue family 패턴대로 text-teal-800(6.59:1).
  • 필 버튼 정식화: button.tsx base rounded-full(임시 CSS 규칙 대체), size variant의 rounded-md 잔재 제거(twMerge가 필을 덮는 문제), 사이드바 nav 항목도 필.
  • 프로토타입 장치 삭제: theme-ais.css·devTheme.ts·AisThemeToggle·해당 테스트·main.tsx DEV 분기 — 토큰이 :root로 들어갔으므로 폐기.
  • 문서 동기화: design-system.md EN/KO에 W13 섹션·토큰/대비/radius/shadow 표 갱신(W11은 접힌 히스토리로 보존), ko-style 린트 S1·S2 0건. 갤러리(/dev/design-preview) 타이틀·라벨·테스트 동기화.

Gates

  • typecheck · eslint(신규 경고 0) · i18n:check · vitest 142 파일 / 1,249 passed
  • 로컬 Vite 기동 후 갤러리 스크린샷으로 시각 확인(블루 필 버튼·tonal·평면 카드·teal Low)
  • ko-style: design-system KO 0 finding

Follow-up (머지 후)

  • 시각 회귀 베이스라인 재생성 필수 — darwin에서 생성 불가, visual-regression.yml dispatch 경로(--update-snapshots)로 linux 베이스라인 갱신 후 커밋. 그 전까지 nightly visual-regression은 의도된 red.
  • 리브랜딩 W5(v0.11.0 + 데모 출시) 전에 본 PR이 들어가므로 데모는 처음부터 TRUSCA 브랜드 + AIS 테마로 출시됨.

… (TRUSCA)

Promotes the PR #394 dev prototype to the default theme after user review
(full adoption including pill buttons; risk-low colour separated):

- index.css: :root tokens move to the AIS light palette — white canvas,
  #0b57d0 Google-blue primary, #d3e3fd tonal secondary, #dadce0 borders,
  #f8f9fa muted, radius 8px (derived scale 6/8/10/14), shadow-sm now a
  zero-alpha no-op (flat cards), md/lg follow Google elevation-1/-2.
  Motion, layout density, and typography tokens unchanged.
- risk-low: #2563eb (blue-600) -> #0f766e (teal-700) so Low badges no
  longer share a hue with the new blue primary. 5.47:1 on white and
  4.76:1 on its own tint (both AA, better than the old blue). Badge low
  text follows the hue family: text-blue-700 -> text-teal-800 (6.59:1).
- button.tsx: rounded-full pills on every variant/size (AIS silhouette);
  per-size rounded-md remnants removed so twMerge doesn't undo the pill.
- AppShell: sidebar nav items become pills to match.
- Prototype apparatus deleted (theme-ais.css, devTheme.ts, AisThemeToggle,
  its unit test, main.tsx DEV branch) - the tokens now live in :root.
- /dev/design-preview re-titled to the W13 skin; side-by-side prototype
  section removed; radius labels updated; gallery test follows.
- design-system.md (EN/KO): W13 section + token/contrast/radius/shadow
  tables updated; W11 kept as collapsed history. ko-style lint clean.

Visual-regression baselines intentionally NOT updated here - they must be
regenerated on a linux runner (visual-regression.yml --update-snapshots
path) after merge; the nightly gate will flag until then.
Conflict resolution:
- DesignSystemPreview: keep W1's BrandCandidates section, drop the deleted
  AisThemeToggle import (prototype apparatus removed by W13).
- design-system.md EN/KO frontmatter: W13 description wins over the W3
  rename of the W11 text; W3's particle spacing fix (TRUSCA는) kept.
@haksungjang haksungjang merged commit 4c1bd1b into main Jun 12, 2026
23 of 24 checks passed
haksungjang added a commit that referenced this pull request Jun 12, 2026
…brand + logo (#400)

Reverts the W13 Google AI Studio re-skin (#397, 4c1bd1b) at the user's
request — the W11 Vercel + Linear look (warm near-black primary, off-white
canvas, square corners, blue Low badge) is restored. The TRUSCA rebrand
(W1/W2/W3 display names, logo, favicon) and W4 identifier renames are
untouched: #397 only ever changed design tokens / components / the design-
system doc, so the two concerns separate cleanly.

- index.css / button.tsx / badge.tsx / tailwind.config.ts: restored byte-
  for-byte to their pre-W13 (4c1bd1b^) state; index.css keeps only the
  TRUSCA brand name in its header comment.
- AppShell sidebar nav: pill -> rounded-md.
- DesignSystemPreview + its test: title / radius labels / section copy back
  to W11; the W1 BrandCandidates section is kept.
- design-system.md EN/KO: W11 content restored, with W4's repo-URL rename
  (trustedoss-portal -> trusca) re-applied so the brand link stays correct.
- Prototype apparatus stays deleted (not resurrected); main.tsx untouched.

Reversible both ways: the W13 design is preserved in history as 4c1bd1b, and
this rollback does not touch the (already-deleted) prototype files, so re-
adopting it later is a clean `git revert <this-commit>` (or cherry-pick the
4c1bd1b design diff). Side effect: the pending 'W13 visual-regression
baseline regen' follow-up is moot — the committed baselines are W11-era.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant